<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link type="text/css" href="../css/index.css" rel="stylesheet">
    <link type="text/css" href="../css/article.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/right.css">
    <link href="../css/footer.css" type="text/css">

    <link rel="stylesheet" href="../css/left-hover.css" type="text/css">
    <style type="text/css">
        a:hover {
            color: #ff0a05;
        }

        .left div:first-child img {
            border-radius: 50%;
            -moz-transition: all 500ms ease-in;
            -webkit-transition: all 500ms ease-in;
            -o-transition: all 500ms ease-in;
            -ms-transition: all 500ms ease-in;
            transition: all 500ms ease-in;
        }

        .left div:first-child img:hover {
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    </style>    
    <title>刘宾的博客-文章详情</title>
</head>
<body>
        <div class="hd clearfix one">
            <iframe allowtransparency="true" frameborder="0" width="180" height="36" scrolling="no" src="http://tianqi.2345.com/plugin/widget/index.htm?s=3&amp;z=2&amp;t=0&amp;v=0&amp;d=3&amp;bd=0&amp;k=000000&amp;f=&amp;q=1&amp;e=1&amp;a=1&amp;c=54511&amp;w=180&amp;h=36&amp;align=left"></iframe>
            <!-- <div class="login">
                <span id="time">时间</span>
                <span>
                    <a href="pages/login.html" target="_blank">登录</a>
                </span>
                <span>
                    <a href="pages/register.html" target="_blank">注册</a>
                </span>
            </div> -->
    
        </div>
        <!--头部-->
        <div class="bd clearfix">
            <div class="main two">
                <div class="title">
                    <h3>文章详情</h3>
                </div>
                <div class="main_content">
                    
                </div>
            </div>
            <div class="left three">
                <div class="pic_icon hvr-float-shadow">
                    <img class="seven" src="../img/zjl01.png">
                    <div>
                        <span>
                            <a>刘宾&gt&gt</a>
                        </span>
                    </div>
                </div>
    
                <div class="list">
                    <ul>
                        <li class="hvr-sweep-to-right ">
    
                            <div>
                                <a href="../pages/about.html" target="-_blank">
    
                                    <h2>我的简历</h2>
                                    <h3>ABOUT ME</h3>
                                </a>
                            </div>
                        </li>
                        <li class="hvr-bounce-to-left ">
    
                            <div>
                                <a href="../pages/jayChou.html" target="_blank">
    
                                    <h2>周杰伦</h2>
                                    <h3>JAY</h3>
                                </a>
                            </div>
                        </li>
                        <li class="hvr-bounce-to-bottom ">
    
                            <div>
                                <a href="../pages/movie.html" target="_blank">
    
                                    <h2>电影</h2>
                                    <h3>MOVIE</h3>
                                </a>
                            </div>
                        </li>
                        <li class="hvr-bounce-to-top ">
    
                            <div>
                                <a href="../pages/commment.html" target="_blank">
    
                                    <h2>评论</h2>
                                    <h3>COMMENT</h3>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--main结束-->
        <div style="clear: both"></div>
        <footer>
            <p>
                Copyright © 2015 .
                <a href="index.html" target="_blank">刘宾</a> 版权所有
            </p>
        </footer>
        <div class="totop" id="totop">
            <a href="javascript:;">
                <img src="../img/totop.png" alt="" />
            </a>
        </div>
        <script type="text/javascript" src="../js/index.js"></script>
    </body> 
</html>